﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.Master" AutoEventWireup="true" CodeBehind="Album.aspx.cs" Inherits="QuanLyCuuSinhVien.Album" %>
<asp:Content ID="Content1" ContentPlaceHolderID="contentNoiDung" runat="server">
    <link rel="stylesheet" href="assets/css/album-picture-slides.css" type="text/css"/> 
    <script type="text/javascript" src="assets/scripts/jquery.min.js"></script>    
    <script type="text/javascript" src="assets/scripts/PictureSlides-jquery-2.0.js"></script>
<script type="text/javascript">
    jQuery.PictureSlides.set({
        // Switches to decide what features to use
        useFadingIn: true,
        useFadingOut: true,
        useFadeWhenNotSlideshow: true,
        useFadeForSlideshow: true,
        useDimBackgroundForSlideshow: true,
        loopSlideshow: false,
        usePreloading: true,
        useAltAsTooltip: true,
        useTextAsTooltip: false,

        // Fading settings
        fadeTime: 500, // Milliseconds	
        timeForSlideInSlideshow: 2000, // Milliseconds

        // At page load
        startIndex: 1,
        startSlideShowFromBeginning: true,
        startSlideshowAtLoad: false,
        dimBackgroundAtLoad: false,

        // Large images to use and thumbnail settings
        images: [
            {
                image: "Images/AlbumAnh/TN2009.jpg",
                alt: "Picture 1",
                text: "Tốt nghiệp khóa 2009"
            },
            {
                image: "Images/AlbumAnh/TN2009_1.jpg",
                alt: "Picture 2",
                text: "Tốt nghiệp khóa 2009"
            },
            {

                image: "Images/AlbumAnh/TN2009_2.jpg",
                alt: "Picture 3",
                text: "Tốt nghiệp khóa 2009"
            },
            {
                image: "Images/AlbumAnh/hopmat.jpg",
                alt: "Picture 4",
                text: "Họp mặt"
            },
            {
                image: "Images/AlbumAnh/TN2011.jpg",
                alt: "Picture 5",
                text: "Tốt nghiệp khóa 2009"
            },
            {
                image: "Images/AlbumAnh/TN2009.jpg",
                alt: "Picture 6",
                text: "Tốt nghiệp khóa 2009"
            },
            {
                image: "Images/AlbumAnh/TN2009_2.jpg",
                alt: "Picture 7",
                text: "Tốt nghiệp khóa 2009"
            },
            {
                image: "Images/AlbumAnh/TN2011.jpg",
                alt: "Picture 8",
                text: "Tốt nghiệp khóa 2009"
            }
        ],
        thumbnailActivationEvent: "click",

        // Classes of HTML elements to use
        mainImageClass: "picture-slides-image", // Mandatory
        mainImageFailedToLoadClass: "picture-slides-image-load-fail",
        imageLinkClass: "picture-slides-image-link",
        fadeContainerClass: "picture-slides-fade-container",
        imageTextContainerClass: "picture-slides-image-text",
        previousLinkClass: "picture-slides-previous-image",
        nextLinkClass: "picture-slides-next-image",
        imageCounterClass: "picture-slides-image-counter",
        startSlideShowClass: "picture-slides-start-slideshow",
        stopSlideShowClass: "picture-slides-stop-slideshow",
        thumbnailContainerClass: "picture-slides-thumbnails",
        dimBackgroundOverlayClass: "picture-slides-dim-overlay"
    });
	</script>
        <div id="containerAnh">
		<div class="picture-slides-container">
			<div class="picture-slides-fade-container">
				<a class="picture-slides-image-link">
					<span class="picture-slides-image-load-fail">Xảy ra lỗi khi load ảnh:</span>
					<img class="picture-slides-image" src="Images/AlbumAnh/TN2009.jpg" alt="Ảnh thứ nhất" />
				</a>
			</div>
			
			<div class="picture-slides-image-text">Ảnh thứ nhất</div>
		
			<div class="navigation-controls">
				<a href="AlbumAnh.aspx" class="picture-slides-previous-image">Previous</a>
				<span class="picture-slides-image-counter"></span>
				<a href="AlbumAnh.aspx" class="picture-slides-next-image">Next</a>
		
				<a href="AlbumAnh.aspx" class="picture-slides-start-slideshow">Start slideshow</a>
				<a href="AlbumAnh.aspx" class="picture-slides-stop-slideshow">Stop slideshow</a>
			</div>
			
			<ul class="picture-slides-thumbnails">
				<li><a href="Images/AlbumAnh/TN2009.jpg"><img src="Images/AlbumAnh/Thumb/TN2009.jpg" alt="" /></a></li>
				<li><a href="Images/AlbumAnh/TN2009_1.jpg"><img src="Images/AlbumAnh/Thumb/TN2009_1.jpg" alt="" /></a></li>
				<li><a href="Images/AlbumAnh/TN2009_2.jpg"><img src="Images/AlbumAnh/Thumb/TN2009_2.jpg" alt="" /></a></li>
                <li><a href="Images/AlbumAnh/hopmat.jpg"><img src="Images/AlbumAnh/Thumb/hopmat.jpg" alt="" /></a></li>
                <li><a href="Images/AlbumAnh/TN2011.jpg"><img src="Images/AlbumAnh/Thumb/TN2011.jpg" alt="" /></a></li>
                <li><a href="Images/AlbumAnh/TN2009.jpg"><img src="Images/AlbumAnh/Thumb/TN2009.jpg" alt="" /></a></li>
				<li><a href="Images/AlbumAnh/TN2009_1.jpg"><img src="Images/AlbumAnh/Thumb/TN2009_1.jpg" alt="" /></a></li>
                <li><a href="Images/AlbumAnh/TN2011.jpg"><img src="Images/AlbumAnh/Thumb/TN2011.jpg" alt="" /></a></li>
			</ul>
		</div>
	</div>
    <div class="picture-slides-dim-overlay"></div>
</asp:Content>
